<template>
  <div class="gt_breadcrumb">
    <ga-breadcrumb>
      <template #separator>
        <icon-right />
      </template>
      <ga-breadcrumb-item v-for="(item,index) in items" :key="index" >
        <router-link :to="item?.path" v-if="item.path">{{ item.label }}</router-link>
        <span v-else>{{ item }}</span>
      </ga-breadcrumb-item>
    </ga-breadcrumb>
    </div>
  </template>
  <script setup>
  import { IconRight } from '@garco-design/web-vue/es/icon';
  import { defineProps} from 'vue'
  defineProps({
    // 标题 
   items: {
      required: true,
      default: []
    },
    // 是否禁用
    disabled: {
      required: false,
      default: false
    }
  })
  </script>
  <style lang="scss" scoped>
  .gt_breadcrumb{
    height: 54px;
    line-height: 54px;
    :deep(.garco-breadcrumb-item){
      line-height: 24px;
      color: #000000e6;
      padding: 0;
    }
    :deep(.garco-breadcrumb-item:last-child){
      color:#2C4068;
      font-weight: 600;
    }
    :deep(.garco-breadcrumb-item a:hover){
      background-color: transparent;
    }
  }
  </style>
  